<template>
  <div>
    <iframe src="" frameborder="0"></iframe>
  </div>
</template>
<script>
export default {
  props: {
    src: {
      type: String,
      default: ''
    }
  },
  mounted() {
    this.loadAndRenderPDF()
  },
  methods: {
    loadAndRenderPDF() {
    //   window.print()
    // const url = 'path/to/your.pdf' // 替换为你的 PDF 文件路径
    // // 加载 PDF 文件
    // const pdf = await pdfjsLib.getDocument(url).promise
    // const page = await pdf.getPage(1)
    // // 获取 canvas 元素和上下文
    // const canvas = this.$refs.pdfCanvas
    // const context = canvas.getContext('2d')
    // // 设置 viewport
    // const viewport = page.getViewport({ scale: 1 })
    // canvas.width = viewport.width
    // canvas.height = viewport.height
    // // 渲染页面
    // const renderContext = {
    //   canvasContext: context,
    //   viewport: viewport
    // }
    // await page.render(renderContext).promise
    },
    printPDF() {
      // 打印当前页面
      window.print()
    }
  }
}
</script>
<style scoped>
/* 可以根据需要自定义样式 */
@media print {
canvas {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
}
</style>
